<template>
  <van-tabbar v-model="active">
    <van-tabbar-item icon="chat-o"
      ><router-link to="/message">
        {{ $t("app.message") }}
      </router-link></van-tabbar-item
    >
    <van-tabbar-item icon="apps-o"
      ><router-link to="/work">
        {{ $t("app.work") }}
      </router-link></van-tabbar-item
    >
    <van-tabbar-item icon="label-o"
      ><router-link to="/addres">
        {{ $t("app.address") }}
      </router-link></van-tabbar-item
    >
    <van-tabbar-item icon="smile-o"
      ><router-link to="/mine">
        {{ $t("app.mine") }}
      </router-link></van-tabbar-item
    >
  </van-tabbar>
</template>

<script>
export default {
  name: "Taber",
  data() {
    return {
      active: 0,
    };
  },
};
</script>

<style>
</style>